<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" +
			request.getServerPort() + path + "/";
%>
<base href="<%=basePath%>">
<html>
<head>
	<title>Tabbed Profile Widget Flat Responsive Widget Template :: w3layouts</title>
	<!-- for-mobile-apps -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Tabbed Profile Widget Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
	function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- //for-mobile-apps -->
	<link href="<%=basePath%>view/css/showstyle.css" rel="stylesheet" type="text/css" media="all" />
	<link href="<%=basePath%>view/css/infoshow.css" rel="stylesheet" type="text/css" media="all" />
	<script type="text/javascript" src="<%=basePath%>view/js/jquery.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>view/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>view/js/mycommonjs.js"></script>
</head>
<body>
<div class="main">
	<h1>个 人 信 息</h1>
	<div class="content">
		<div class="sap_tabs">
			<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
				<script src="<%=basePath%>view/js/easyResponsiveTabs.js" type="text/javascript"></script>
				<script type="text/javascript">
					$(document).ready(function () {
						$('#horizontalTab').easyResponsiveTabs({
							type: 'default', //Types: default, vertical, accordion
							width: 'auto', //auto or any width like 600px
							fit: true,   // 100% fit in a container
							closed: 'accordion', // Start closed if in accordion view
							activate: function(event) { // Callback function if tab is switched
								var $tab = $(this);
								var $info = $('#tabInfo');
								var $name = $('span', $info);
								$name.text($tab.text());
								$info.show();
							}
						});

						$('#verticalTab').easyResponsiveTabs({
							type: 'vertical',
							width: 'auto',
							fit: true
						});
					});
				</script>
				<div class="portfolio-grid">
					<div class="port-left" style="height: auto;width: auto">
						<ul class="resp-tabs-list">
							<img style="border: hidden" height="180px" width="170px" class="lady" id="photo" src="<%=basePath%>uploadfiles/${User.iconname}" alt="" />
							<li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>个人信息</span></li>
							<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>兴趣爱好</span></li>
							<li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><span>文件上传</span></li>
							<li class="resp-tab-item" aria-controls="tab_item-3" role="tab"><span>文件下载</span></li>
							<li class="resp-tab-item" aria-controls="tab_item-4" role="tab"><span>多文件上传</span></li>
							<li class="resp-tab-item" aria-controls="tab_item-5" role="tab"><span>登录日志展示</span></li>
							<div class="clear"></div>
						</ul>
					</div>
					<div class="port-right" style="height: 490px;">

						<div class="resp-tabs-container">
							<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
								<div class="profile-content">
									<h3>用户名</h3>
									<div class="input-group">
													<%--<span class="input-group-btn">
														<select class="btn btn-default button-one" name="ext">
															<option selected="">Ms.</option>
															<option>Mr.</option>
															<option>Mrs.</option>
														</select>
													</span>--%>
										<div class="email-icon"><span></span></div>
										<div class="email-form">
											<form>
												<input type="text" class="form-control" id="name" value="${User.name}">
											</form>
										</div>
									</div>
									<h3>电子邮件</h3>
									<div class="email-group">
										<div class="email-icon"><span></span></div>
										<div class="email-form">
												<input type="text" class="fb-ico" id="email" value="${User.email}">
											</form>
										</div>
										<div class="clear"></div>
									</div>
									<h3>联系电话</h3>
									<div class="phone-group">
										<div class="cell-icon"><span></span></div>
										<div class="cell-form">
											<form>
												<input type="text" id="phone" value="${User.phone}">
											</form>
										</div>
										<div class="clear"></div>
									</div>
									<h3>性别</h3>
									<div class="radio-btns">
										<div class="swit">
											<div class="check_box"> <div class="radio"> <label><input type="radio" name="radio" checked=""><i></i><img src="<%=basePath%>view/images/man.png" alt=" "/></label> </div></div>
											<div class="check_box"> <div class="radio2"> <label><input type="radio" name="radio"><i></i><img src="<%=basePath%>view/images/woman.png" alt=" "/></label> </div></div>
										</div>
										<div class="clear"></div>
									</div>
									<h3 style="margin-top: 15px">头像上传</h3>
									<div  style="white-space: nowrap;width: 400px;height: 50px;float:left">
										<div class="social-life" style="width: 250px;height: 50px;float:left">
											<form action="${pageContext.request.contextPath}/upload/iconupload"
												  method="post" enctype="multipart/form-data">
												<input type="file" id="file_photo" onchange="show_photo()" name="photo" style="width: 200px">
												<input type="submit" value="确定">
											</form>
										</div>
										<div style="width: 50px;float:left;">
											<img style="position: absolute;top: 450px;left: 1100px" height="100px" width="100px" id="show_photo" />
										</div>
									</div>
								</div>
								<div class="update">
									<a href="#">Update</a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
								<div class="interests">
									<h3>Interested in</h3>
									<div class="single-bottom">
										<ul>
											<li>
												<input type="checkbox"  id="brand" value="">
												<label for="brand"><span></span>Arts & Entertainment</label>
											</li>
											<li>
												<input type="checkbox"  id="brand1" value="">
												<label for="brand1"><span></span> Beauty & Fitness</label>
											</li>
											<li>
												<input type="checkbox"  id="brand2" value="">
												<label for="brand2"><span></span> Finance</label>
											</li>
											<li>
												<input type="checkbox"  id="brand3" value="">
												<label for="brand3"><span></span> Computer & Electronics</label>
											</li>
											<li>
												<input type="checkbox"  id="brand4" value="">
												<label for="brand4"><span></span>Food And Drinks</label>
											</li>
											<li>
												<input type="checkbox"  id="brand5" value="">
												<label for="brand5"><span></span>Business & Industrial</label>
											</li>
											<li>
												<input type="checkbox"  id="brand6" value="">
												<label for="brand6"><span></span>Home & Garden</label>
											</li>


										</ul>
									</div>
								</div>
								<div class="update">
									<a href="#">Update</a>
								</div>
								<div class="clear"></div>
							</div>

							<!--头像上传 开-->
							<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-2">
								<div class="social-life">
									<form action="${pageContext.request.contextPath}/upload/fileupload"
										  method="post" enctype="multipart/form-data">
										选择文件：<input type="file" name="photo">
										<input type="submit" value="确定">
									</form>
								</div>
							</div>

							<!--头像上传 开-->
							<!--文件下载 开-->
							<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-3">
								<div class="work-play">

									<h3>下载所需资源</h3>
									<h3>获取更多文件点击<a href="<%=basePath%>down/getAllFiles" style="color: blueviolet">这里</a></h3>
									<h4>文件名</h4>
									<!--遍历 model中的 files-->
									<c:forEach items="${files}" var="fileName">
										<table>
										<tr>
											<td>
												<a href="<%=basePath%>down/downFiles?filename=${fileName}">${fileName}</a>
											</td>
										</tr>
										</table>
									</c:forEach>
								</div>
							</div>
							<!--文件下载 结束-->
							<!--多文件上传 start-->
							<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-4">
								<div class="work-play">
									<h3>上传资源</h3>
									<form action="${pageContext.request.contextPath }/upload/multifile"
										  method="post" enctype="multipart/form-data">
										选择文件1：<input type="file" name="myFile"><br>
										文件描述1：<input type="text" name="description"><br />
										选择文件2：<input type="file" name="myFile"><br>
										文件描述2：<input type="text" name="description"><br />
										选择文件3：<input type="file" name="myFile"><br>
										文件描述3：<input type="text" name="description"><br />
										<input class="update" type="submit" value="提交">
									</form>
								</div>
							</div>
							<!--多文件上传 end-->
							<!--查询登录日志 start-->
							<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-4">
								<div class="work-play" id="loginfo" style="">
									<h3 style="text-align: center;">登录日志信息展示</h3>
									<h3 style="text-align: center">
									<a href="<%=basePath%>log/getAllLoginLog">查看更多详细日志</a>
									</h3>
									<table>
										<tr>
											<th>用户名</th>
											<th>登录时间</th>
										</tr>
										<c:forEach items="${loginLogList}" var="loginLog">
											<tr>
												<td>${loginLog.username}</td>
												<td>${loginLog.loginTime}</td>
											</tr>
										</c:forEach>
									</table>
								</div>
							</div>
							<!--查询登录日志 end-->

							</div>
					</div>
					<div class="clear"></div>
				</div>
				<form action="${pageContext.request.contextPath}/user/loguot" method="post">
					<input id="logout" type="submit" value="退出登录">
				</form>
			</div>
		</div>
	</div>
	<p class="footer"></p>
</div>
</body>
<script>

</script>
</html>